import { h, render } from "vue"
import messageComponent from './index.vue'

/**
 * 消息提示
 * @param {*} type 消息类型
 * @param {*} content 消息内容
 * @param {*} duration 消息显示时间
 */
export const message = (type, content, duration = 3000) => {
  // 动画结束后的回调函数
  const onDestory = () => {
    render(null, document.body)
  }
  // 创建虚拟节点
  const vnode = h(messageComponent, {
    type,
    content,
    duration,
    destory: onDestory
  })
  // 渲染到页面上
  render(vnode, document.body)
}